@extends('base')
@section('title', '$title')
@section('csses')
@endsection
@section('content')
<div>
	<div style="margin-left: 50px;">
	    <a href="{{ action('VolumeController@list', ['$type'=>'table']) }}" style="color: black;">Table View</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
	    <a href="{{ action('VolumeController@list') }}"  style="color: black;">Years List |</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
	    <a href="{{ action('VolumeController@list', ['$type'=>'list']) }}"  style="color: black;">List View</a>
	</div>
	<div style="margin-left: 50px;height: 10px;"></div>
	<div style="margin-left: 22px;">
	    <div class="justify-content" style="display: flex;justify-content: space-around;">
	        @foreach($pic_issues as $issue)
	        <div  class="text-center">
	            <a href="{{ route('issue.index', ['issue' => $issue->id]) }}" class="">
	                <img width="104" height="150" style="border:1px solid #ccc;" src="{{ asset('uploads/' . $issue->cover) }}">
	            </a>
	            {{ $issue->year }}&nbsp;Vol.{{ $issue->volume }}&nbsp;No.{{ $issue->issue }}
	        </div>
	        @endforeach
	    </div>
	    <div style="margin-left: 50px;height: 10px;"></div>
	</div>
	<div style="height:10px;margin-left: 50px;">
	    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
	</div>
	<div style="padding:20px; padding-left: 50px;">
	    @foreach($issues as $issue)
	    	<a style="line-height: 25px;" href="{{ route('issue.index', ['issue'=> $issue->id])}}">{{ $issue->formatIssueText() }}&nbsp;&nbsp;&nbsp;&nbsp;{{ $issue->journal_published }}</a> <br>
	    @endforeach
	</div>
</div>
@endsection
